<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="html" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<html:head/>
<link rel="stylesheet" type="text/css"
	href="/ComputerStore/public/css/admin_content.css">
<script type="text/javascript"
	src="/ComputerStore/public/js/jquery-1.6.2.min.js"></script>
<title>Quản lý nhà sản xuất</title>
</head>
<body>

	<h1>Quản lý nhà sản xuất</h1>
	<div id="options">
		<a id="showList" href="#">&nbsp;&nbsp;&nbsp;Danh sách nhà sản
			xuất&nbsp;&nbsp;&nbsp;</a> <a id="showForm" href="#">&nbsp;&nbsp;&nbsp;Thêm
			nhà sản xuất&nbsp;&nbsp;&nbsp;</a>
	</div>
	<br />

	<!-- Table danh sách nhà sản xuất -->
	<div id="list">
		<div class="title">Danh sách nhà sản xuất</div>
		<div class="content" align="center">
			<table border="1">
				<tr>
					<th>Số thứ tự</th>
					<th>Tên nhà sản xuất</th>
					<th>URL</th>
					<th>Logo</th>
					<th>Mã</th>
					<th>Thao tác</th>
				</tr>
				<html:iterator value="manufacturerList" var="manufacturer"
					status="itStatus">
					<tr id="<html:property value="id"/>">
						<td align="center"><html:property value="#itStatus.Count" /></td>
						<td><html:property value="name" /></td>
						<td><a href="<html:property value="url" />"><html:property value="url" /></a></td>
						<td align="center"><img width="60px" height="20px"
							src="/ComputerStore/public/images/Manufacturer_photos/<html:property value="image" />"></img></td>
						<td align="center"><html:property value="id" /></td>
						<td align="center"><a class="operation"
							href="deleteManufacturer?id=<html:property value="id"/>">&nbsp;Xóa&nbsp;</a>&nbsp;-&nbsp;<a
							class="operation" name="edit" id=<html:property value="id"/>
							href="#">&nbsp;Sửa&nbsp;</a></td>
					</tr>
				</html:iterator>
			</table>
		</div>
	</div>

	<!-- Thêm nhà sản xuất mới -->
	<div id="formAdd">
		<div class="title">Thêm nhà sản xuất</div>
		<div class="content" align="center">
			<html:form action="addManufacturer" method="post" validate="true">
				<html:textfield cssClass="textfield" name="manufacturer.name" required="true" id="manu1"
					label="Tên nhà sản xuất" size="50" />
				<html:file cssClass="textfield" name="manufacturer.image"
					label="Logo" size="36" />
				<html:textfield cssClass="textfield" name="manufacturer.url" id="manu2"
					label="URL" size="50" />
				<html:submit id="button" name="submit" value="Thêm mới" />
			</html:form>
		</div>
	</div>

	<!-- Sửa thông tin nhà sản xuất -->
	<div id="formEdit">
		<div class="title">Sửa thông tin nhà sản xuất</div>
		<div class="content" align="center">
			<html:form action="editManufacturer" method="post" validate="true">
				<html:hidden id="idEditTextfield" name="manufacturer.id" />
				<html:textfield id="nameEditTextfield" cssClass="textfield"
					name="manufacturer.name" label="Tên nhà sản xuất" size="50" required="true"/>
				<html:file id="imageEditFile" cssClass="textfield"
					name="manufacturer.image" label="Logo" size="36" />
				<html:textfield id="urlEditTextfield" cssClass="textfield"
					name="manufacturer.url" label="URL" size="50" />
				<html:submit id="button" name="submit" value="Cập nhật" />
			</html:form>
		</div>
	</div>
	<!-- Javascript -->
	<script>
		$(document).ready(function() {
			$("#formEdit").css("display", "none");
			$("#formAdd").css("display", "none");
			$("#showList").css("border-style", "inset");

			$("#showForm").click(function() {
				$(this).css("border-style", "inset");
				$("#showList").css("border-style", "outset");
				$("#list").hide("fast");
				$("#formEdit").hide("fast");
				$("#formAdd").show("fast");
				$("#manu1").val("");
				$("#manu2").val("");
			});

			$("#showList").click(function() {
				$(this).css("border-style", "inset");
				$("#showForm").css("border-style", "outset");
				$("#formAdd").hide("fast");
				$("#formEdit").hide("fast");
				$("#list").show("fast");
			});

			var valueArray = new Array();

			$("a").click(function() {
				if ($(this).attr("name") == "edit") {
					var id = $(this).attr("id");
					$('#' + id + ' td').each(function(index) {
						valueArray[index] = $(this).text();
					});

					$("#idEditTextfield").val(id);
					$("#nameEditTextfield").val(valueArray[1]);
					$("#urlEditTextfield").val(valueArray[2]);
					//$("#imageEditFile").val("C:\\database"+valueArray[3]);
					//$("#imageEditFile").val("/ComputerStore/public/images/Manufacturer_photos/"+valueArray[3]);
					//$("#imageEditFile").attr("value","/ComputerStore/public/images/Manufacturer_photos/"+valueArray[3]);
					$("#showList").css("border-style", "outset");
					$("#list").hide("fast");
					$("#formEdit").show("fast");
				}
			});
		});
	</script>

</body>
</html>